<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        列表的分类: 
            无序列表(Unordered List)
            有序列表(Ordered List)
            自定义列表(Definition List)
        列表项(List Item)
     -->

     <!-- 有序列表ol -->
     <h2>把大象放进冰箱分几步?</h2>
     <ol>
        <li>打开冰箱门</li>
        <li>把大象放进冰箱</li>
        <li>关闭冰箱门</li>
     </ol>

     <!-- 无序列表 -->
     <h2>我想去的城市</h2>
     <ul>
        <li>北京</li>
        <li>上海</li>
        <li>广州</li>
     </ul>

     <!-- 自定义列表 -->
     <h2>怎么更好的学习</h2>
     <dl>
        <!-- dt: dl的title -->
        <dt>认真听讲</dt>
        <!-- dd: dl的description -->
        <dd>听懂才是第一步</dd>
        <dt>及时复习</dt>
        <dd>及时复习才能让知识更加熟练</dd>
     </dl>
</body>
</html>